<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <!-- 1.引入bootstrap css库文件 -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/try-details.css">
    <link rel="stylesheet" href="css/header.css">

    <title>Document</title>
</head>
<body>
<!--头部开始-->
<script src="js/header.js"></script>
<!--头部结束-->
<!-- 轮播图开始 -->
<div id="banner" class="carousel slide" data-interval="2000">
    <!-- 轮播（Carousel）指标 -->
    <ol class="carousel-indicators">
        <li data-target="#banner" data-slide-to="0" class="active"></li>
        <li data-target="#banner" data-slide-to="1"></li>
        <li data-target="#banner" data-slide-to="2"></li>
    </ol>
    <!-- 轮播（Carousel）项目 -->
    <div class="carousel-inner">
        <div class="item active lunbo1" id="img-responsive ">
            <img src="img/lunbo1.jpg" class="imglunbo" alt="First slide">
            <div class="col-lg-6 col-lg-offset-6 lunbomodal">
                <p class="text-right">幻想小贝HIFI2.1音箱</p>
                <div class="shenqing  text-right"><span>126人申请</span><span>￥599</span><span>20台</span></div>
                <p class="text-right">申请时间剩余：<span>13</span>天<span>5</span>小时<span>37</span>分钟</p>
                <button class="btn btn-danger" type="submit"><a href="#" style="color:#fff;">立即申请</a></button>
            </div>
        </div>
        <div class="item lunbo1" id="img-responsive">
            <img src="img/lunbo2.jpg" class="img-responsive imglunbo" alt="Second slide">
            <div class="col-lg-6 col-lg-offset-6 lunbomodal">
                <p class="text-right">幻想小贝HIFI2.1音箱</p>
                <div class="shenqing text-right"><span>126人申请</span><span>￥599</span><span>20台</span></div>
                <p class="text-right">申请时间剩余：<span>13</span>天<span>5</span>小时<span>37</span>分钟</p>
                <button class="btn btn-danger" type="submit"><a href="#" style="color:#fff;">立即申请</a></button>
            </div>

        </div>
        <div class="item lunbo1" id="img-responsive">
            <img src="img/lunbo3.jpg" class="img-responsive imglunbo" alt="Third slide">
            <div class="lunbomodal">
                <p class="text-right">幻想小贝HIFI2.1音箱</p>
                <div class="shenqing  text-right"><span>126人申请</span><span>￥599</span><span>20台</span></div>
                <p class="text-right">申请时间剩余：<span>13</span>天<span>5</span>小时<span>37</span>分钟</p>
                <button class="btn btn-danger" type="submit"><a href="#" style="color:#fff;">立即申请</a></button>
            </div>

        </div>
    </div>
    <!-- 轮播（Carousel）导航 -->
    <a class="left carousel-control" href="#banner" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#banner" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>
<!-- 轮播图结束 -->
<!--中部开始-->
<div class="grey-bar-box">
    <div class="container">
        <div class="row grey_bar_box">
            <div class="col-md-2 col-sm-2 hidden-xs tit">
                <div class="tit_box">
                    <span class="red_span"></span>
                    试用流程
                </div>
            </div>
            <div class="col-md-2 col-sm-2 col-sm-offset-0 col-xs-offset-1 col-xs-2 text-center">
                <img src="img/use1.png" alt="">
                <p>开放申请</p>
            </div>
            <div class="col-md-2 col-sm-2 col-xs-2 text-center">
                <img src="img/use2.png" alt="">
                <p>名单公布</p>
            </div>
            <div class="col-md-2 col-sm-2 col-xs-2 text-center">
                <img src="img/use3.png" alt="">
                <p>产品试用</p>
            </div>
            <div class="col-md-2 col-sm-2 col-xs-2 text-center">
                <img src="img/use4.png" alt="">
                <p>提交反馈</p>
            </div>
            <div class="col-md-2 col-sm-2 col-xs-2 text-center">
                <img src="img/use5.png" alt="">
                <p>活动结束</p>
            </div>
        </div>
    </div>
</div>
<!--产品介绍开始-->
<div class="container">
    <div class="row">
        <div class="col-md-9">
            <h4><span class="red_span red_span_h4"></span>产品介绍</h4>
            <p class="red_font">多重功能集成的便携控制中心：半果控制中心。</p>
            <p>半果控制中心是一台功能高度集成的便携控制设备，包含WiFi收发模块、蓝牙4.1模块、独立声卡系统、音乐控制拨盘、麦克风语音接收、3.5mm耳机接口、高速数据传输、QC2.0快速充电、Type-C接口等。仅需将其与电脑连接，即可解决科技生活中遇到的种种痛点。</p>
            <img class="img1 img-responsive center-block" src="img/use1.jpg" alt="">
            <p class="blue_font">结构设计</p>
            <p>极致一体化，机身表面没有一丝接缝和一颗螺丝。采用突破性的液态金属质感工艺，无任何键位开关，所有功能同时自然高效运行。</p>
            <p class="blue_font">无线网络</p>
            <p>台式机或无自带网卡的电脑只需插入半果控制中心，切换至网卡模式即可接受WiFi信号。还可创建WiFi热点，让你的手机和平板立刻联网。</p>
            <img class="img1 img-responsive center-block" src="img/use.jpg" alt="">
            <p class="blue_font">蓝牙连接</p>
            <p>先进的超低功耗蓝牙4.1，设备配对连接更便捷。可将所有设备连接至一台控制中心，数据传输速率大幅提高。</p>
            <p class="blue_font">独立声卡</p>
            <p>配备德州仪器HiFi芯片，内置Max Bass技术，带来更高解析力音质。并且采用独立耳机放大器，内置麦克风，任何软件都可轻松调用。</p>
            <p class="blue_font">极速充电</p>
            <p>支持QC 2.0快充协议，使用一根Type-C线，4个USB可同时极速快充，并且每个接口都拥有芯片级的4重保护，告别插线板和充电器。</p>
            <h4><span class="red_span red_span_h4"></span>活动介绍</h4>
            <p>点击申请按钮报名，报名成功后记得邀请好友一起来参与哦~邀请好友数前十名将根据申请理由和影响力抽取一位直接获得试用机会。请认真填写申请理由，展现有创意的试用计划。进入手机端完善个人主页信息，可以大大提高申请通过几率哦~</p>
             <span class="blue_font2">试用报告要求100% 原创，抄袭会被封杀哦！</span>
            <p class="bottom_red_font">活动流程</p>
            <p class="bottom_p"><span>1.名单公布：</span>试用名单将在活动页公布</p>
            <p class="bottom_p"><span>2.试用通知：</span>名单公布后客服将以短信的方式通知申请成功者，2天不回复算弃权</p>
            <p class="bottom_p"><span>3.押金收取：</span>客服将统一通知大家收取产品押金</p>
            <p class="bottom_p"><span>4.产品寄送：</span>收到押金后第一时间将产品快递给大家</p>
            <p class="bottom_p"><span>5.网络晒单：</span>收货后请在微博或朋友圈等社交网络晒单</p>
            <p class="bottom_p"><span>6.试用报告：</span>收到货的10天内完成报告并上传</p>
            <p class="bottom_p"><span>7.产品回收：</span>选取6篇优秀报告，赠送产品</p>
            <p class="bottom_p"><span>8.押金退回：</span>活动结束返还，人为损坏须赔偿</p>
            <p class="bottom_red_font margin_top">活动时间</p>
            <p class="bottom_p"><span>1.申请报名：</span>2016/02/02－2016/02/17（截至24点）</p>
            <p class="bottom_p"><span>2.公布名单：</span>2016/02/20</p>
            <p class="bottom_p"><span>3.发货日期：</span>2016/02/22（以实际为准）</p>
            <p class="bottom_p"><span>4.试用期限：</span>收到产品后10天内</p>
        </div>
        <div class="col-md-3">
            <h4><span class="red_span red_span_h4"></span>购买渠道</h4>
            <span class="big_span">￥ 499</span>
            <div class="btn btn-default buy_btn">点击购买</div>
            <p class="grey_box text-center">来自官网</p>
            <h4><span class="red_span red_span_h4"></span>极果体验师</h4>
            <img class="img-responsive center-block" src="img/tiyanImg.jpg" alt="">
            <h4>福利</h4>
            <p class="grey_box">第一时间体验新品，大众试用优先通过，还有定向邀请试用，新品玩到手软！</p>
            <h4>要求</h4>
            <p class="grey_box">是某个领域的大神级玩家，在社交网络或圈子里有大影响力，善写作会拍摄。</p>
            <h4>申请</h4>
            <p class="grey_box">1. 关注极果公众号：jguojguo（或扫描下方二维码）</p>
            <p class="grey_box">2. 在公众号内回复：体验师 关注我们</p>
            <h4><span class="red_span red_span_h4"></span>关注我们</h4>
            <img class="img-responsive center-block" src="img/myCode.jpg" alt="">
        </div>
    </div>
</div>
<!--底部菜单内容开始-->
    <div class="container">
        <h4 class="hot_title">热门试用</h4>
        <div class="row no_margin">
            <div class="col-md-3 col-sm-3 col-xs-6">
                <div class="white content_sm_box">
                    <span class="first_sale">首发</span>
                    <img class="img-responsive center-block" src="img/hot1.jpg" alt="">
                    <h3 class="content_sm_box_h3">巴斯达basida烤面包机</h3>
                    <div class="green_big_box">
                        <div class="green_box btn">2032</div>
                        <div class="green_box btn no_margin"><span>20</span>台</div>
                    </div>
                    <h4 class="text-center"><span class="red">1292</span>申请</h4>
                    <p class="text-center">剩余时间<span>12</span></p>
                </div>
            </div>
            <div class="col-md-3 col-sm-3 col-xs-6">
                <div class="white content_sm_box">
                    <span class="first_sale">首发</span>
                    <img class="img-responsive center-block" src="img/hot2.jpg" alt="">
                    <h3 class="content_sm_box_h3">巴斯达basida烤面包机</h3>
                    <div class="green_big_box">
                        <div class="green_box btn">2032</div>
                        <div class="green_box btn no_margin"><span>20</span>台</div>
                    </div>
                    <h4 class="text-center"><span class="red">1292</span>申请</h4>
                    <p class="text-center">剩余时间<span>12</span></p>
                </div>
            </div>
            <div class="col-md-3 col-sm-3 col-xs-6">
                <div class="white content_sm_box">
                    <span class="first_sale">首发</span>
                    <img class="img-responsive center-block" src="img/hot3.jpg" alt="">
                    <h3 class="content_sm_box_h3">巴斯达basida烤面包机</h3>
                    <div class="green_big_box">
                        <div class="green_box btn">2032</div>
                        <div class="green_box btn no_margin"><span>20</span>台</div>
                    </div>
                    <h4 class="text-center"><span class="red">1292</span>申请</h4>
                    <p class="text-center">剩余时间<span>12</span></p>
                </div>
            </div>
            <div class="col-md-3 col-sm-3 col-xs-6">
                <div class="white content_sm_box">
                    <span class="first_sale">首发</span>
                    <img class="img-responsive center-block" src="img/hot4.jpg" alt="">
                    <h3 class="content_sm_box_h3">巴斯达basida烤面包机</h3>
                    <div class="green_big_box">
                        <div class="green_box btn">2032</div>
                        <div class="green_box btn no_margin"><span>20</span>台</div>
                    </div>
                    <h4 class="text-center"><span class="red">1292</span>申请</h4>
                    <p class="text-center">剩余时间<span>12</span></p>
                </div>
            </div>
        </div>
    </div>
<!--尾部开始-->
<script src="js/footer.js"></script>
</body>
</html>